<nav class="material-nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col">

  <!-- Prev Nav -->
    <#if afterPost??>
    <a href="/archives/${afterPost.postUrl?if_exists}" id="post_nav-newer" class="prev-content">
      <button
          class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900"
          role="presentation">
        <i class="material-icons">arrow_back</i>
      </button>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      新篇
    </a>
    </#if>
  <!-- Section Spacer -->
  <div class="section-spacer"></div>

  <!-- Next Nav -->
    <#if beforePost??>
    <a href="/archives/${beforePost.postUrl?if_exists}" id="post_nav-older" class="next-content">
      旧篇
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <button
          class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900"
          role="presentation">
        <i class="material-icons">arrow_forward</i>
      </button>
    </a>
    </#if>
</nav>